<template>
  <div class="content">
    <div>
      <video
        src="../assets/majing_img/back_run.mp4"
        style="
          width: auto;
          height: auto;
          object-fit: fill;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: -100;
          -webkit-filter: grayscale(20%);
        "
        autoplay="autoplay"
        loop="loop"
        muted="muted"
      ></video>
    </div>
    <Back></Back>
    <div class="aa" style="position: absolute; top: 10px">
      <div class="ad">秀美黄平-现代农业谱华章&nbsp;&nbsp;&nbsp;</div>
    </div>
    <video
      src="../assets/majing_img/a001.mp4"
      height="150px"
      width="300px"
      style="position: absolute; top: 80px"
      autoplay="autoplay"
      controls="controls"
    ></video>
    <div class="aa" style="position: absolute; top: 230px">
      <div class="ad">黄平概况&nbsp;&nbsp;&nbsp;</div>
      <ScollBar></ScollBar>
    </div>
    <div class="aa" style="position: absolute; top: 430px">
      <div class="ad" style="text-align: center">产业发展(万元)</div>
      <Cale_gy></Cale_gy>
    </div>
    <div style="position: absolute; top: 110px; left: 400px">
      <img
        src="../assets/majing_img/1652159718785-wDCZtIP8.png"
        width="700px"
        height="620px"
      />
    </div>
    <div style="position: absolute; top: 320px; left: 600px">
      <img src="../assets/majing_img/1652159736429-uXC-tfvk.png" />
    </div>
    <div style="position: absolute; top: 280px; left: 550px">
      <img src="../assets/majing_img/1652159821338-exa_bmm5.png" />
    </div>
    <div class="aa" style="position: absolute; top: 20px; left: 1150px">
      <div class="ad" style="text-align: center">2022年预计产业规模</div>
      <List></List>
    </div>
    <div class="aa" style="position: absolute; top: 270px; left: 1150px">
      <div class="ad" style="text-align: center">野菜品种及面积（亩）</div>
    </div>
    <div style="width: 1000px; height: 1000px">
      <Ququ></Ququ>
    </div>
    <div class="aa" style="position: absolute; top: 470px; left: 1150px">
      <div class="ad" style="text-align: center">签约合作企业</div>
      <Lineline></Lineline>
    </div>
  </div>
</template>

<style></style>

<script>
import ScollBar from "@/components/Scoll-bar.vue";
import Back from "@/components/back.vue";
import Cale_gy from "@/components/cale_gy.vue";
import List from "@/components/list.vue";
import Ququ from "@/components/ququ.vue";
import Lineline from "@/components/lineline.vue";
export default {
  components: {
    ScollBar,
    Back,
    Cale_gy,
    List,
    Ququ,
    Lineline,
  },
};
</script>
